<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>一行白鹭上青天</title>
    <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
    <link type="text/css" rel="stylesheet" href="css/index1.css">

    
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/index1.js"></script>

</head>
<body>
    <div class="container-fluid" style="padding:0;">
        <video src="video/file.mp4" style="width:100%;height:100%;"  loop></video>
        <img id="img" src="images/banner.jpg" alt="" style="width:100%;height:1080px;padding:0;margin-top:-1080px;" class="col-md-12 col-xs-9">
    </div>
    <!-- 顶部导航 -->
    <div class="container-fluid" style="position:relative;">
      <nav class="navbar navbar-inverse navbar-fixed-top main" style="background:rgba(0,0,0,0);border:none;">
        <div class="container" style="padding:0;margin-top:15px;">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <!-- <span class="sr-only">Toggle navigation</span> -->
              <span class="icon-bar" style="background:darkgray;"></span>
              <span class="icon-bar" style="background:darkgray;"></span>
              <span class="icon-bar" style="background:darkgray;"></span>
            </button>
            <a class="navbar-brand" href="#" id="navbar" style="color:#fff;font-size:23px;font-weight:500;">Egret Developer</a>
          </div>
      
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" style="border:none;">
            <ul class="nav navbar-nav navbar-left nav_t">
              <li><a href="#">首页</a></li>
              <li class="submain" style="position:relative;">
                <a href="#">文档</a>
                <div class="list" style="width:800px;height:260px;background:#000000;position:absolute;top:55px;left:15px;border-top:2px solid #1eaeea;">
    
                    <table class="table table-bordered" style="color:#fff;;">
                        <tr>
                          <td style="height:48px;">引擎</td>
                          <td colspan="2">工具</td>
                          <td>其他</td>
                        </tr>
                        <tr>
                          <td>
                            <img src="images/list1.jpg" alt="">Egret Engine 2D
                          </td>
                          <td><img src="images/list2.png" alt="" style="width:35px;height:35px;">Egret Engine 2D</td>
                          <td><img src="images/list3.jpg" alt="" style="width:35px;height:35px;">Egret Engine 2D</td>
                          <td><img src="images/list4.jpg" alt="">Egret Engine 2D</td>
                        </tr>
                        <tr>
                          <td><img src="images/list5.jpg" alt="">Egret Engine 2D</td>
                          <td><img src="images/list6.jpg" alt="">Egret Engine 2D</td>
                          <td><img src="images/list7.jpg" alt="">Egret Engine 2D</td>
                          <td><img src="images/list8.jpg" alt="">Egret Engine 2D</td>
                        </tr>
                        <tr>
                          <td><img src="images/list9.jpg" alt="">Egret Engine 2D</td>
                          <td><img src="images/list10.jpg" alt="">Egret Engine 2D</td>
                          <td><img src="images/list1.jpg" alt="">Egret Engine 2D</td>
                          <td><img src="images/list6.jpg" alt="">Egret Engine 2D</td>
                        </tr>
                        <tr>
                          <td><img src="images/list9.jpg" alt="">Egret Engine 2D</td>
                          <td><img src="images/list10.jpg" alt="">Egret Engine 2D</td>
                          <td></td>
                          <td></td>
                        
                        </tr>
                     
                    </table>
                </div>
              </li>
              <li><a href="#">视频</a></li>
              <li><a href="#">API</a></li>
              <li><a href="#">示例</a></li>
              <li><a href="#">社区</a></li>  
               
            </ul>
            <ul class="nav navbar-nav navbar-right">
              <li>
                  <a href="#">
                      <input type="text" placeholder="搜索" style="border-radius:15px;border:none;background:#dcdcdc">
                  </a>
              </li>  
              <li><a href="#" style="color:#fff">中文/English</a></li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
      </nav>
    </div>


      <p style="font-size:50px;color:#fff;position:absolute;top:250px;left:775px;z-index:999;">探索、分享、改变</p>
      <p id="trans">你并不是一无所有，至少你还有肉。</p>
        <!-- 创建游戏、APP、动画使用2D骨骼动画解决方案 -->
        <!-- 当你犹豫要不要去做一件事的时候，其实你内心已经有了选择，只是你还没有充足的理由去说服自己。 -->
                    
     

    

    <!--quick get start(快速入门)-->

    <div class="jumbotron" style="background:#fff;">
      <div class="container text-center">
        <h1 style="font-size:38px;">快速入门</h1>
        <p style="margin-top:40px;">通过如下步骤，可以使你快速上手Egret开发</p>
        <p>完成从小白到老鸟的蜕变！</p>
      </div>
    </div>

  <div class="container">
    <div class="row" style="border:none;padding:0 30px;">
      <div class="col-md-3 col-xs-6 text-center pic">
        <a href="###">
          <img src="images/quickly5.jpg" alt="..." style="margin-top:20px;">
        </a>
      </div>
      <div class="col-md-3 col-xs-6 text-center pic">
        <a href="###">
          <img src="images/quickly6.jpg" alt="..." style="margin-top:7px;">
        </a>
      </div>
      <div class="col-md-3 col-xs-6 text-center  pic" >
        <a href="###">
          <img src="images/quickly7.jpg" alt="..." style="margin-top:20px;">
        </a>
      </div>
      <div class="col-md-3 col-xs-6 text-center pic">
        <a href="###">
          <img src="images/quickly8.jpg" alt="..." style="margin-top:20px;">
        </a>
      </div>
      
    </div>
  </div>

  <!-- start using(开始使用) -->
  <div class="jumbotron" style="background:#fff;">
    <div class="container text-center">
      <h1 style="font-size:38px;">开始使用</h1>
      <p style="margin-top:40px;">通过官方的文档、示例、API学习Egret</p>
      <p>并加入官方社区和大家交流讨论，共同学习进步</p>
    </div>
  </div>

  <div class="container">
    <div class="row" style="border:none;padding:0 30px;">
      <div class="col-md-3 col-xs-6 text-center pic">
        <a href="###">
          <img src="images/use5.jpg" alt="..." style="margin-top:20px;">
        </a>
      </div>
      <div class="col-md-3 col-xs-6 text-center pic" >
        <a href="###">
          <img src="images/use6.jpg" alt="..." style="margin-top:25px;width:140px;">
        </a>
      </div>
      <div class="col-md-3 col-xs-6 text-center pic">
        <a href="###">
          <img src="images/use7.jpg" alt="..." style="margin-top:15px;">
        </a>
      </div>
      <div class="col-md-3 col-xs-6 text-center pic">
        <a href="###">
          <img src="images/use8.jpg" alt="..." style="margin-top:15px;">
        </a>
      </div>
      
    </div>
  </div>

  <!--Example Recommendation(示例推荐) -->

  <div class="jumbotron" style="background:#fff;">
    <div class="container text-center">
      <h1 style="font-size:38px;">示例推荐</h1>
      <p style="margin-top:40px;">查看所有示例</p>
    </div>
  </div>
  <!-- 3d轮播图 -->
  <div class="container">
      <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
          <!-- Indicators -->
          <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
          </ol>
        
          <!-- Wrapper for slides -->
          <div class="carousel-inner" role="listbox">
            <div class="item active">
              <img src="images/example1.jpg" alt="..." style="width:1170px;">
              <div class="carousel-caption">
                Egret 3D Sponza 示例
              </div>
            </div>
            <div class="item">
              <img src="images/example2.jpg" alt="..." style="width:1170px;">
              <div class="carousel-caption">
                Egret 3D F1 赛车
              </div>
            </div>
            <div class="item">
              <img src="images/example3.jpg" alt="..." style="width:1170px;">
              <div class="carousel-caption">
                DragonBones 换装示例
              </div>
            </div>
            
          </div>
        
          <!-- Controls -->
          <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
        </div>
  </div>
  

  <!-- 页面底部导航 -->
  <div class="container-fluid" style="background:#1b1b1b;margin-top:80px;border-bottom:2px solid gray;">
    <div class="container btm">
        <div class="row">
          <div class="col-md-2 col-xs-6 btm_l">
            <dl style="margin-top:50px;">
              <dt style="color:#fff;font-size:16px;margin-bottom:20px;">开源项目</dt>
              <dd style="margin-bottom:10px;"><a href="##" style="text-decoration:none;color:gray;;">2D引擎代码</a></dd>
              <dd style="margin-bottom:10px;"><a href="##" style="text-decoration:none;color:gray;">第三方库</a></dd>
              <dd style="margin-bottom:10px;"><a href="##" style="text-decoration:none;color:gray;">代码示例</a></dd>
              <dd style="margin-bottom:60px;"><a href="##" style="text-decoration:none;color:gray;">更多开源项目</a></dd>
            </dl>
          </div>
          <div class="col-md-2 col-xs-6 btm_l">
            <dl style="margin-top:50px;">
              <dt style="color:#fff;font-size:16px;margin-bottom:20px;">产品下载</dt>
              <dd style="margin-bottom:10px;"><a href="##" style="text-decoration:none;color:gray;;">Egret Engine</a></dd>
              <dd style="margin-bottom:10px;"><a href="##" style="text-decoration:none;color:gray;">Egret Wing</a></dd>
              <dd style="margin-bottom:10px;"><a href="##" style="text-decoration:none;color:gray;">DragonBones</a></dd>
              <dd style="margin-bottom:10px;"><a href="##" style="text-decoration:none;color:gray;">Egret Runtime</a></dd>
              <dd style="margin-bottom:60px;"><a href="##" style="text-decoration:none;color:gray;">更多产品下载</a></dd>
            </dl>
          </div>
          <div class="col-md-2 col-xs-6 btm_l">
            <dl style="margin-top:50px;">
              <dt style="color:#fff;font-size:16px;margin-bottom:20px;">获得帮助</dt>
              <dd style="margin-bottom:10px;"><a href="##" style="text-decoration:none;color:gray;;">论坛技术问答</a></dd>
              <dd style="margin-bottom:10px;"><a href="##" style="text-decoration:none;color:gray;">QQ群交流</a></dd>
              <dd style="margin-bottom:10px;"><a href="##" style="text-decoration:none;color:gray;">微信公众号</a></dd>
              <dd style="margin-bottom:60px;"><a href="##" style="text-decoration:none;color:gray;">技术支持</a></dd>
            </dl>
          </div>
          <div class="col-md-2 col-xs-6 pull-right btm_l">
              <dl style="margin-top:50px;margin-left:70px;" class="pull-left">
                  <dd class="pull-right"><a href="##" style="text-decoration:none;color:gray;">English</a></dd>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                  <dd class="pull-left"><a href="##" style="text-decoration:none;color:gray;">中文</a></dd>
                </dl>
                <img src="images/alphasmalllogo.png" alt="" style="margin-top:90px;margin-left:20px;">
          </div>
      </div>
    </div>
  </div>


  <div class="container-fluid text-center"  style="background:#1b1b1b;">
  <p style="color:#616161;margin-top:50px;">Copyright © 2014-2018 egret.com</p>
  <p style="color:#616161;margin-bottom:50px;"><a href="##" style="text-decoration:none;">京网文[2014]0791-191号</a> 京ICP备14025619号-2<a href="##" style="text-decoration:none;">京ICP证150115号</a>京公网安备11010502026502</p>
</div>

<div class="icon" style="position:fixed;top:835px;left:1825px;display:none;">
  <a href="#"><img src="images/icon.png" alt=""></a>
</div>
</body>
</html>



 
